<template>
  <div id="QinYou">
    <mt-header fixed title="亲友群">
      <mt-button icon="back" @click.native="$router.go(-1);" slot="left">返回</mt-button>
    </mt-header>
    <user></user>
    <div>
      <mt-cell title="亲友群审核" to="/check" is-link>
        <!-- <span><mt-badge type="error">10</mt-badge></span> -->
        <i slot="icon" class="icon-shenhe23 iconfont"></i>
      </mt-cell>
      <mt-cell title="亲友群管理" to="/check/group" is-link>
        <i slot="icon" class="icon-qun1 iconfont"></i>
      </mt-cell>
      <mt-cell title="亲友群战绩" to="/check/record" is-link>
        <i slot="icon" class="icon-zhanji iconfont"></i>
      </mt-cell>
      <mt-cell title="亲友群统计" to="/check/count" is-link>
        <i slot="icon" class="icon-tongji2 iconfont"></i>
      </mt-cell>
    </div>
  </div>
</template>
<script>
  import User from "../../../components//User//User";
  export default {
    name: "QinYou",
    components: {
      User
    },
    data() {
      return {};
    },
    methods: {
      back: function() {
        this.$router.go(-1);
      }
    },
    mounted() {
      document.body.style.background = "#fffbef";
    }
  };
</script>

<style lang="scss" scoped>
  body {
    background: red !important;
  }
  .mint-header {
    background-color: #313131;
  }
  #QinYou {
    padding-bottom: 30px;
    .mint-cell {
      .mint-cell-title {
        i {
          font-weight: 700;
          font-size: 17px;
          color: #f69436;
        }
      }
    }
  }
</style>
